/**
 * @author kobe
 * @date   16/07/06
 */

$black : #3b3b3b;
$blue : #03b1be;
$done : #e8e8e8;

.meter-record{

    .line{
        padding: 0 .26rem;
        margin: .1rem 0;
        height: .5rem;
        line-height: .5rem;
        font-size: .16rem;
        color: $black;
        background: #fff;
        overflow: hidden;

        .kind{
            padding: .03rem .05rem;
            margin-right: .22rem;
            border: 1px solid #aaa;
            color: #aaa;
            box-sizing: border-box;

            &.active{
                border: 1px solid $blue;
                color: $blue;
            }

            &.done{
                border: 1px solid $done;
                color: $done;
            }
        }

        .title{
            float: left;
            width: 30%;
        }

        .input-num{
            float: right;
            width: 70%;
            height: auto;
            border: 0;
            box-sizing: border-box;
            font-size: .16rem;
            color: $black;
            text-align: right;
        }
    }

    .bottom{
        margin-top: .55rem;
        padding: 0 .26rem;

        .confirm-btn{
            margin: 0;
            width: 100%;
            left: 0;
            height: .42rem;
            font-size: .2rem;
            border-color: $blue;
            background: $blue;
        }

        .to-history{
            margin-top: .28rem;
            text-align: right;
            color: $black;

            a{
                color: $blue;
            }
        }

    }

}

